﻿<%@ Page language="C#" Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">
	<!-- Anything that needs to be added to the page head for this page layout can go here -->
	<PublishingWebControls:EditModePanel ID="CssEditModePanel" runat="server">
		<!-- Styles for edit mode only. -->
		<SharePointWebControls:CssRegistration ID="EditModeCssRegistration" name="<% $SPUrl:~sitecollection/Style Library/~language/Core Styles/edit-mode-21.css %>"
			After="<% $SPUrl:~sitecollection/Style Library/~language/Core Styles/page-layouts-21.css %>" runat="server"/>
	</PublishingWebControls:EditModePanel>
</asp:Content>

<asp:Content ContentPlaceholderID="PlaceHolderPageTitle" runat="server">
	<SharePointWebControls:FieldValue ID="PlaceHolderPageTitleFieldValue" FieldName="Title" runat="server"/>
</asp:Content>

<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server">
	<ContentTemplate>
        <div class="grids-demo">
            <div class="grid-1 first">
		        <p>This is a fluid width 1/4 block.</p>
	        </div>
            <div class="grid-1">
		        <p>This is a fluid width 1/4 block.</p>
	        </div>
            <div class="grid-1">
		        <p>This is a fluid width 1/4 block.</p>
	        </div>
            <div class="grid-1">
		        <p>This is a fluid width 1/4 block.</p>
	        </div>
            <div class="grid-2 first">
		        <p>This is a fluid width 1/3 block.</p>
                <ul class="tabs">
	                <li class=""><a href="#tab1">Tab 1</a></li>
	                <li class="active"><a href="#tab2">tab 2</a></li>
                </ul>
                <div class="tab_container">
	                <div class="tab_content" id="tab1">
	                    <WebPartPages:WebPartZone runat="server" Title="Grid three 1 Zone" ID="gridThree1Zone" Orientation="Vertical">
                            <ZoneTemplate></ZoneTemplate>
                        </WebPartPages:WebPartZone>
                    </div>
	                <div class="tab_content" id="tab2" style="display: none;">
                        <WebPartPages:WebPartZone runat="server" Title="Grid three 2 Zone" ID="gridThree2Zone" Orientation="Vertical">
                            <ZoneTemplate></ZoneTemplate>
                        </WebPartPages:WebPartZone>
	                </div>
                </div>
	        </div>
            <div class="grid-2">
		        <p>This is a fluid width 1/3 block.</p>
	        </div>
            <div class="grid-2">
		        <p>This is a fluid width 1/3 block.</p>
                <WebPartPages:WebPartZone runat="server" Title="Grid three 3 Zone" ID="gridThree3Zone" Orientation="Vertical">
                    <ZoneTemplate></ZoneTemplate>
                </WebPartPages:WebPartZone>
	        </div>
            <div class="grid-3 first">
		        <p>This is a fluid width 1/2 block.</p>
	        </div>
            <div class="grid-3">
		        <p>This is a fluid width 1/2 block.</p>
	        </div>
            <div class="grid-4 first">
		        <p>This is a fluid custom block width set to 39.666%</p>
                <WebPartPages:WebPartZone runat="server" Title="Grid four Zone" ID="gridFourZone" Orientation="Vertical">
                    <ZoneTemplate></ZoneTemplate>
                </WebPartPages:WebPartZone>
	        </div>
            <div class="grid-5">
		        <p>This is a fluid custom block width set to 56.333%</p>
	        </div>
            <div class="grid-1 first">
		        <p>This is a fluid custom block width set to 24%</p>
	        </div>
            <div class="grid-6">
		        <p>This is a fluid custom block width set to 72%</p>
	        </div>
            <div class="grid-0 first">
		        <p>This is a fluid width 1/2 block.</p>
	        </div>
        </div>
	</ContentTemplate>
</asp:Content>